﻿/*  全局
-----------------------------------------------------------*/
html { height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, blockquote, p { padding: 0; margin: 0; list-style-type: none; vertical-align: middle; }
body { width: 100%; height: 100%; margin: 0; font-family: Tahoma, Verdana,Helvetica,Arial,sans-serif,宋体; font-size: 12px; color: #444; background: #FFF; }
i { font-style: normal; }
.clear { clear: both; height: 0; line-height: 0; }
.extra { display: none; }
/*  布局
-----------------------------------------------------------*/
#lay-header { height: 45px; }
#lay-main { width: 1000px; margin: 70px auto 0 auto; }
#lay-footer { width: 100%; height: 45px; position: fixed; bottom: 0; border-top:1px solid #eee;}
#lay-footer .footer{border-top:none;text-align:center;color:#999;}

/*  页头
-----------------------------------------------------------*/
.header { height: 60px; line-height: 60px; color: #999; background: #FFF;border-bottom:1px solid #eee; }
.header .wrap { width: 1000px; margin: auto; }
.header .logo { float: left; }
.header .logo h1 { margin: 0; font-size: 22px; font-weight: normal; font-family: "微软雅黑" , "黑体"; }
.header .logo img { margin-top: 5px; }

/*  介绍
-----------------------------------------------------------*/
.offer { float: left; width: 700px; height: 330px; line-height: 24px; margin: 0 auto; font-size: 14px; background:  url(Image/LoginBg.jpg) no-repeat;
         background-size:100% 330px
}
.offer div { float: left; width: 220px; height: 120px; margin: 10px 0 0 10px; position: relative; overflow: hidden; background-image: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.2))); background-image: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background-image: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background-image: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); background-image: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%); }
.offer i { display: block; padding-top: 50px; font-size: 15px; }
.offer .icon { display: block; width: 100%; height: 100%; line-height: 100px; position: absolute; text-align: center; color: #ffffff; background: url(Image/IconsTile.png) no-repeat center 15px; }
.offer .description { display: none; width: 100%; height: 100%; margin-left: 30px; position: absolute; top: 15px; color: #ffffff; }
.offer .description li { list-style-type: disc; }

.offer .theme { background-color: #BB6FD7; }
.offer .theme .icon { background-position: center 0; }
.offer .hr { background-color: #41CABC; }
.offer .hr .icon { background-position: center -150px; }
.offer .dm { background-color: #E753A8; }
.offer .dm .icon { background-position: center -300px; }
.offer .wf { background-color: #66C010; }
.offer .wf .icon { background-position: center -450px; }
.offer .im { background-color: #009AD9; }
.offer .im .icon { background-position: center -600px; }
.offer .cms { background-color: #FF961F; }
.offer .cms .icon { background-position: center -750px; }
.offer .app { background-color: #8C92FF; }
.offer .app .icon { background-position: center -900px; }
.offer .sys { background-color: #F0C000; }
.offer .sys .icon { background-position: center -1050px; }
.offer .tool { background-color: #8F8F8F; }
.offer .tool .icon { background-position: center -1200px; }

/*  登录
-----------------------------------------------------------*/
.login { float: right; width: 300px; height: 270px; font-size: 14px; background: #FFF;border:1px solid #eee;border-radius:5px;overflow:hidden; }
.login h1 { margin-bottom: 25px; padding: 10px 20px; font-family: Tahoma, "微软雅黑"; font-weight: normal; font-size: 14px; color: #777; background: #F9FBFE; }
.login a { padding-left: 5px; text-decoration: none; color: #5080D8; }
.login .button { height: 60px; padding: 0 20px; border-radius:3px}
.login .button button { width: 240px; height: 40px; line-height: 40px; padding: 0; font-size: 16px; font-weight: bold; color: #FFF; border: none; background: #6AA2E0;
                        border-radius:3px;
}

.login .button label{font-size:12px;display:block;margin:0 0 10px 0 }


.login .field { height: 60px; position: relative; }
.login .field label { display: inline-block; width: 215px; height: 42px; line-height: 43px; padding: 0 10px; position: absolute; left: 20px; top: 0; z-index: 1; }

.login .k-textbox { width: 260px; height: 40px; line-height: 39px; padding: 0 5px; font-size: 14px; font-weight: bold; border: solid 1px #DBDBDB; background-color: Transparent; position: absolute; left: 20px; top: 0; z-index: 2; }
.login .k-textbox:hover { background-color: Transparent; }
.login .k-textbox:focus { border: solid 1px #5080D8; background-color: Transparent; }
.login .input-validation-error:focus { border: solid 1px red; background-color: Transparent; }
.login .input-validation-error { border: 1px solid red; }
 .login .smg-wrap .k-textbox {width: 150px}
.login .smg-wrap .field-validation-error{
    right: 130px;
}

/*  移动
-----------------------------------------------------------*/
.mobile { clear: both; }
.mobile ul { width: 370px; margin: auto; text-align: center; }
.mobile li { display: inline-block; width: 120px; height: 40px; line-height: 40px; }


.field-validation-error{right:20px;top:0px;height:40px;line-height:40px;}


body{background:url(Image/LoginBg.jpg?20180506132813) center center no-repeat;
     background-size:cover;
}
#lay-header{opacity:0.7;display:none;}
#lay-footer{display:none;}
#offer{display:none;}
.login{float:none;margin:auto;margin-top:30%;transform:scale(1.2);top:120px;opacity:0.9;}
.header .logo{display:block;margin:auto;float:none;}
